<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0, user-scalable=0" />
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <title>产品展示</title>
    <link rel="stylesheet" href="../css/productShow.css">
</head>

<body>


    <div>
        <!-- 展示栏头部 -->
        <div class="headerTitle">
            <div id="backHome">
                <img src="http://first.52carlife.com/yidongfanhui@2x.png" alt="52">
            </div>
            <div>
                <span>产品展示</span>
            </div>
        </div>

        <div class="navTab">
            <ul id="myTab" class="nav nav-tabs navTabTOP">
                <li class="active navStyle ">
                    <a href="#home" data-toggle="tab">
                        52嗨停
                    </a>
                </li>
                <li class="navStyle">
                    <a href="#ios" data-toggle="tab">
                        52教育
                    </a>
                </li>
                <li class="navStyle">
                    <a href="#medical" data-toggle="tab">
                        52医疗
                    </a>
                </li>
            </ul>
            <div id="myTabContent" class="tab-content tabContentTop">
                <div class="tab-pane fade in active navidContent" id="home">
                    <!-- 大图 -->
                    <div class="imageBig">
                        <img src="http://first.52carlife.com/yidongpic@2x.png" alt="52">
                        <p>以移动互联网为平台，立足柳州，面向全国，网罗全国2亿车主， 深度开发汽车后市场O2O模式，为车主提供更便捷，安全智能化的车生活体验。</p>
                        <!-- 又是边上的 -->
                        <div class="titleApplication">
                            <p>52嗨停 应用</p>
                            <p>一款停洗车神器</p>
                            <p></p>
                        </div>
                    </div>
                    <!-- 分割线 -->
                    <div class="segmentation">
                        <!-- 背景色搞定何必要你- <hr />  -->
                    </div>
                    <!-- 下面介绍功能 -->
                    <div class="functionDes">
                        <!-- 一条导航栏 -->
                        <div class="functionTitle">
                            <p>功能介绍</p>
                            <p>Function</p>
                        </div>
                        <!-- 在线预约 -->
                        <div class="onlineBook">
                            <p>1.在线预约</p>
                            <p>在线预约出行目的地的停车场车位及洗车点，不必担心到达目的地后无处泊车，在洗车点等待洗车时间过长的问题。</p>
                        </div>
                        <!-- 在线支付 -->
                        <div class="onlineBook">
                            <p>2.在线支付</p>
                            <p>进行在线支付停车费，省去找零麻烦。</p>
                        </div>
                        <!-- 车位共享 -->
                        <div class="onlineBook">
                            <p>3.车位共享</p>
                            <p>发布私家车位分时招租，资源共享、增加收益。</p>
                        </div>
                        <!-- 寻找定位 -->
                        <div class="onlineBook">
                            <p>4.寻找定位</p>
                            <p>清楚了解市内所有停车场的剩余空位数量及洗车点的排队车辆、收费标准、营业时间、具体位置等信息，并提供相应导航功能。</p>
                        </div>
                        <!-- 锁定汽车 -->
                        <div class="onlineBook">
                            <p>5.锁定汽车</p>
                            <p>对停车场内自己爱车进行定位，免去因车场较大四处找车的麻烦，对爱车锁定在停车场内，避免因车钥匙丢失车辆被盗。</p>
                        </div>
                        <!-- 保养提醒 -->
                        <div class="onlineBook">
                            <p>6.保养提醒</p>
                            <p>汽车保养提醒帮助车主及时准确的对爱车进行维护保养，避免疏于保养或过度保养。</p>
                        </div>
                        <!-- 记录油耗 -->
                        <div class="onlineBook">
                            <p>7.记录油耗</p>
                            <p>充分记录油价、油耗量分析家庭支出结构，便于理财。</p>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade in" id="ios">
                    <div class="productIntroduction">
                        <!-- 先一个框加文字 -->
                        <div class="productStudy">
                            <div class="whatImg"></div>
                            <p>“52教育”平台是利用先进的互联网技术，建立托辅机构与家长实时通讯的平台，是建立可靠的用户认证体系，完善家长、学生与机构的信息匹配，完善服务的系统，帮助托辅机构健全管理体系，提升服务质量。平台旨在通过互联网大数据，整合机构教育资源、社会服务资源，给学生、家长和机构提供专业、信赖、便捷的线上线下辅导教育高质量服务。</p>
                        </div>
                        <!-- 后面背景 -->
                        <div class="teacherImg">
                            <div class="faceImg">
                                <img src="http://first.52carlife.com/yidongyangji@2x.png" alt="52">
                                <p>托辅教师端</p>
                                <img src="http://first.52carlife.com/yidongzhanshi%20@2x.png" alt="52">
                                <p>1.人脸识别签到，后台生成信息发送给家长孩子的情况。</p>
                                <p>2.把学生当天的伙食菜谱和午睡情况拍照推送家长。</p>
                                <p>3.把学生的当天学习情况整理推送上传。</p>
                            </div>
                            <!--  家长端-->
                            <div class="parentImg">
                                <img src="http://first.52carlife.com/yidongyangji@2x%20%281%29.png" alt="52">
                                <p>家长端</p>
                                <div class="parentFunction">
                                    <p>1.查看放学时间托管老师反馈孩子的接送情况。</p>
                                    <p> 2.查看孩子就餐和午睡的情况。</p>
                                    <p> 3.一键快捷推送作业。</p>
                                    <p> 4.查看孩子在托辅班的学习情况。</p>
                                </div>
                            </div>
                            <!-- 学校教师端 -->
                            <div class="schoolteacherImg">
                                <div class="teacherTitle">
                                    <p>学校教师端</p>
                                    <p>可以线上实时了解学生在托辅的学习数据及作业完成情况，对每个学生的学习状态了如指掌。</p>
                                </div>
                                <img src="http://first.52carlife.com/yidongwode@2x.png" alt="52">
                                <img src="http://first.52carlife.com/yidongyangji11@2x.png" alt="52">
                            </div>
                        </div>
                        <!--  -->
                    </div>
                </div>
                <div class="tab-pane fade in" id="medical">
                    <div class="medicalCare">
                        <!-- 大图 -->
                        <div class="medicalImg">
                            <img src="http://first.52carlife.com/yidongbeijing@2x.png" alt="52">
                        </div>
                        <!--描述 -->
                        <div class="medicalDes">
                            <p>52医疗管理服务平台主要功能有在线预约、医院管理、账户信息、家庭医生、讲座信息、疫苗库存。适用于社区医院、政府医院。</p>
                        </div>
                        <!-- 医院项目简介 -->
                        <div class="hospitalProject">
                            <!-- 语言简介 -->
                            <div class="hospitalDes">
                                <div class="divColor"></div>
                                <div class="titleItem">
                                    <div class="divTitle">
                                        <p>医院介绍</p>
                                    </div>
                                    <p>详细的医院信息，让用户更加放心。</p>
                                </div>
                                <!-- 来院导航 -->
                                <div class="titleItem">
                                    <div class="divTitle">
                                        <p>来院导航</p>
                                    </div>
                                    <p>可以直接用软件进行导航到医院</p>
                                </div>
                                <!-- 在线留言 -->
                                <div class="titleItem">
                                    <div class="divTitle">
                                        <p>在线留言</p>
                                    </div>
                                    <p>在线询问病症疑惑。</p>
                                </div>
                                <!-- 信息浏览 -->
                                <div class="titleItem">
                                    <div class="divTitle">
                                        <p>信息浏览</p>
                                    </div>
                                    <p>可以查看各种疫苗库存信息。</p>
                                </div>
                                <!-- 活动预约实时更新健康知识讲座，可线上报名参加。 -->
                                <div class="titleItem">
                                    <div class="divTitle">
                                        <p>活动预约</p>
                                    </div>
                                    <p>实时更新健康知识讲座，可线上报名参加。</p>
                                </div>
                                <!-- 家庭医生 更加详细了解每一位医生的基本信息。 -->
                                <div class="titleItem">
                                    <div class="divTitle">
                                        <p>家庭医生</p>
                                    </div>
                                    <p>更加详细了解每一位医生的基本信息。</p>
                                </div>
                            </div>
                            <!-- 图片介绍 -->
                            <div class="hospitalImg">
                                <img src="http://first.52carlife.com/yidongyangji2@2x.png" alt="52">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script>
        $("#backHome").click(function(e){
            window.location.href = '../index.html'
        })
    </script>
</body>

</html>